<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sky Blue - free website template</title>
<meta name="keywords" content="sky blue, free website template, CSS, HTML, 3-column" />
<meta name="description" content="Sky Blue is a free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="menu2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>
<script type="text/javascript">
$(document).ready(function($){
	$('#mega-menu-tut').dcMegaMenu({
		rowItems: '3',
		speed: 'fast'
	});
});
</script>


<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

</head>
<body>

<div id="templatemo_top_bar">

	
</div> <!-- end of top bar -->

<div id="templatemo_banner_bar_wrapper">

	<div id="templatemo_banner_bar">
    
    	<h1>
        	        <img src="http://plantillashackerryan.googlecode.com/svn/trunk/2.png" width="160" height="120" alt="" /> <!-- logo -->
        </h1>
    
    </div> <!-- end of banner -->
    
</div> <!-- end of banner wrapper -->

<div id="templatemo_menu_wrapper">

	<div id="templatemo_menu">
    	 <div class="dcjq-mega-menu">
<ul id="mega-menu-tut" class="menu">
	<li><a href="#">Home</a></li>
	<li><a href="#">Vehicles</a>
		<ul>
			<li id="menu-item-1"><a href="#">Coupe</a>
				<ul>
					<li><a href="#">Citroen C4</a></li>
					<li><a href="#">Honda CR-Z</a></li>
					<li><a href="#">BMW 3 Series</a></li>
					<li><a href="#">Volvo C30</a></li>
				</ul>
			</li>
			<li id="menu-item-2"><a href="#">Saloon</a>
			    <ul>
					
					<li><a href="#">Volkswagen Passat</a></li>
					<li><a href="#">Volvo S40</a></li>
					<li><a href="#">Vauxhall Insignia</a></li>
					<li><a href="#">Mitsubishi Lancer</a></li>
					
				</ul>
			</li>
			<li id="menu-item-3"><a href="#">Convertibles</a>
			    <ul>
					
					<li><a href="#">Mini Convertible</a></li>
					<li><a href="#">Renault Megane CC</a></li>
					<li><a href="#">Peugeot 207 CC</a></li>
					<li><a href="#">Volkswagen Eos</a></li>
					
				</ul>
			</li>
			<li id="menu-item-4"><a href="#">SUV's</a>
			    <ul>
					
					<li><a href="#">Land Rover Freelander 2</a></li>
					<li><a href="#">Audi Q5</a></li>
					<li><a href="#">Land Rover Discovery 3</a></li>
					<li><a href="#">Volvo XC90</a></li>
					
				</ul>
			</li>
			<li id="menu-item-5"><a href="#">Pickups</a>
			    <ul>
					<li><a href="#">Suzuki Equator</a></li>
					<li><a href="#">Ford F-150</a></li>
					<li><a href="#">Toyota Tacoma</a></li>
					<li><a href="#">Nissan Frontier</a></li>
					
				</ul>
			</li>
			<li id="menu-item-6"><a href="#">High Performance Cars</a>
			    <var>navigation[1|2|3]</var>
			</li>
			
		</ul>
	</li>
	
<li><a href="#">About Us</a>
  <ul><li><a href="#">About Us</a></li><li><a href="#">About Us</a></li>
  </ul></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
    </div> <!-- end of menu -->
    
</div> <!-- end of menu wrapper -->

<div id="templatemo_content">

	<div id="main_column">
    
            
        <div class="section_w500">    
        
               <var>content</var>
                
      </div>
          
        <div class="cleaner"></div>
    </div> 
          
      <!-- end of main column -->
    
  <div class="side_column_w200">
            	
                <div class="box">

                    <h3>Categories</h3>
                    <ul class="side_menu">
                        <li><a href="#">Lorem ipsum dolor</a></li>
                        <li><a href="#">Donec mattis egestas</a></li>
                        <li><a href="#">Phasellus id purus</a></li>
                        <li><a href="#">Nulla consequat</a></li>
                        <li><a href="#">Mauris varius risus</a></li>
                        <li><a href="#">Aenean vulputate</a></li>
                        <li><a href="#">Etiam ultricies</a></li>
                        <li><a href="#">Fusce quis diam sit</a></li>
                        <li><a href="#">Sed pellentesque</a></li>
                        <li><a href="#">Donec euismod enim</a></li>                    
                    </ul>
				</div> 
                
                
    <div class="box">

                    <h3>Partners</h3>
                    <ul class="side_menu">
                        <li><a href="http://www.templatemo.com" target="_parent">CSS Templates</a></li>
                        <li><a href="http://www.flashmo.com" target="_parent">Flash Templates</a></li>
                        <li><a href="http://www.koflash.com" target="_parent">Websites Gallery</a></li>
                        <li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design Blog</a></li>                
                    </ul>
			  </div>
    </div> 
    <!-- end of side column 1 -->
    
    <div class="side_column_w200">
      <img src="http://plantillashackerryan.googlecode.com/svn/trunk/2.png" width="160" height="120" alt="" /> <!-- logo -->
	  <br><var>sidebar</var>
               

            </div> <!-- end of right side column -->

	<div class="cleaner"></div>
</div> <!-- end of content -->

<div id="templatemo_footer_wrapper">

	<div id="templatemo_footer">
    	
        <div class="section_w184">
        	<h4>Services</h4>
        	<ul class="footer_menu_list">
            	<li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Cum sociis</a></li>
                <li><a href="#">Donec quam</a></li>
                <li><a href="#">Nulla consequat</a></li>
                <li><a href="#">In enim justo</a></li>               
            </ul>
        </div>
        
        <div class="section_w184">
			<h4>Support</h4>  
        	<ul class="footer_menu_list">
                <li><a href="#">Nullam quis</a></li>
                <li><a href="#">Sed consequat</a></li>
                <li><a href="#">Cras dapibus</a></li> 
            	<li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Cum sociis</a></li>              
            </ul>
        </div>
        
        <div class="section_w184">
         <h4>About</h4>
     
        	<ul class="footer_menu_list">
             <li><a href="#">Aenean vulputate</a></li>
                    <li><a href="#">Etiam ultricies</a></li>
                    <li><a href="#">Nullam quis</a></li>
                    <li><a href="#">Sed consequat</a></li>
                    <li><a href="#">Cras dapibus</a></li>    
            </ul>
        </div>
        
        <div class="section_w368">
        	<h4>Privacy Policy</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non rutrum arcu. Vestibulum ornare dolor eget leo placerat sed tincidunt dolor interdum</p>
            
		  <div class="margin_bottom_10"></div>
            
            
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
    			<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
            
        </div>
        
        <div class="margin_bottom_20"></div>
        
        <div class="section_w940">
        	Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        <var>footer</var></div>
        
        <div class="cleaner"></div>
	</div> <!-- end of footer -->

</div> <!-- end of footer wrapper -->

</body>
</html>